<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>服务</title>
<link rel="stylesheet" type="text/css" href="css/service.css" />
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<!-- 头部导航-->
	<nav id="guding">
	<div id="login">
	<h2>欢迎！</h2>
	<div id="loginp"><a href="login.html">登录</a>|<a href="#">注册</a>|<a href="lianxi.html">联系我们</a></div>
	</div>
	<div id="logoall">
	<div id="logo">
	    <div id="logo1"><a href="index.html">
	    <img src="image/logo.png" width="220" height="80" />
	    </a>
	    </div>
	   <div id="logo2"><img src="image/welcome.jpg" width="100" height="50" /></div></div></div>
	<div id="naviall">
	<div id="navi">
	    <ul>
	         <li><a href="index.html">首页</a></li>
	         <li><a href="About.html">关于</a></li>
	         <li id="p"><a href="show.html">产品展示</a>
	         	<div>
	         		<ul id="p_show" hidden="hidden">
						<li><a href="show.html#content1">名著系列</a></li>
						<li><a href="show.html#content2">优选系列</a></li>
						<li><a href="show.html#tast">儿童系列</a></li>
					</ul>						
         		</div>
	         </li>
	         <li><div class="service"><a href="service.html">服务</a></div></li>
	         <li><a href="liuyan.html">在线留言</a></li>
	         <li><a href="lianxi.html">联系我们</a></li>
	     </ul>
	</div>
	</div>
	</nav>
	<div class="addHeight"></div>
	<!--头部结束-->

<div class="bg-grey">
	<div class="content">
		<a href="#">
			<h2 class="title">服务</h2></a>
		<p class="subtitle">感谢关注小店！</p>
		<div class="tab-block information-tab">
			<div class="tab-buttons ">
				<h3 class="tab-button cur" data-tab="one">我们提供的帮助</h3>
				<h3 class="tab-button" data-tab="two">账号相关问题</h3>
				<h3 class="tab-button" data-tab="three">常见问题 <span class="question-icon"></span></h3>
			</div>
			<div class="tabs">
				<div class="tab-item active" id="tab-one">
					<div class="information-tab">

						<div class="information-left">
							<a href="#">
								<img src="image/service1.png" width="500" height="340" alt="感谢有你">
							</a>
							<div class="left-bottom">
								<div class="article-title">感谢有你</div>
								<div class="article-time">
								
								</div>
							</div>
						</div>
						<div class="information-right">
							<div class="article-list current">
								<a href="#" class="article-link">
									<div class="article-head">
										<span class="article-number">1</span>
										<span class="article-title">订购书籍达百元可享受包邮服务</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>偏远地区及港澳台地区除外</p>
									</div>
								</a>
							</div>

							<div class="article-list">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">2</span>
										<span class="article-title">上门自提可享优惠</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>凡上门自提者，可享受9.5折优惠</p>
									</div>
								</a>
							</div>

							<div class="article-list">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">3</span>
										<span class="article-title">凡购买儿童系列丛书将有机会获得惊喜礼品</span>
										<span class="article-time">[01-02]</span>
									</div>
									<div class="article-content">
										<p>为促进新一代儿童多阅读，鄙社将为购买儿童系列图书的读者送上一份小礼品，敬请期待。

										</p>
									</div>
								</a>
							</div>

							<div class="article-list">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">4</span>
										<span class="article-title">对于快递包装的特殊要求</span>
										<span class="article-time">[01-04]</span>
									</div>
									<div class="article-content">
										<p>若对快递包装有特殊要求者，请在下单时备注或及时联系客服<br>若无特殊要求者，均为直接纸箱包装</p>
									</div>
								</a>
							</div>



						</div>
					</div>
				</div>
				<div class="tab-item" id="tab-two">
					<div class="information-tab ">

						<div class="information-left">
							<a href="#">
								<img src="image/service2.jpg" width="500" height="340" alt="账号相关问题">
							</a>
							<div class="left-bottom">
								<div class="article-title">账号相关问题</div>
								<div class="article-time">
									
								</div>
							</div>
						</div>
						<div class="information-right">
							<div class="article-list current">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">1</span>
										<span class="article-title">如何创建账号？</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>点击右上方注册按钮按步骤操作即可</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">2</span>
										<span class="article-title">如何修改密码？</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>在我的账号的设置当中修改</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">3</span>
										<span class="article-title">忘记密码怎么办？</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>在我的账号的设置当中修改，输入原登记的手机号码进行验证查找</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">4</span>
										<span class="article-title">谨防他人冒充客服诈骗</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>商家及客服不会私下联系您，若有人称是商家或客服且涉及金钱时，请注意谨防诈骗。</p>
									</div>
								</a>
							</div>

						</div>
					</div>
				</div>
				<div class="tab-item" id="tab-three">
					<div class="information-tab ">

						<div class="information-left">
							<a href="#">
								<img src="image/service3.jpg" width="500" height="340" alt="常见问题">
							</a>
							<div class="left-bottom">
								<div class="article-title">常见问题</div>
								<div class="article-time">
								</div>
							</div>
						</div>
						<div class="information-right">
							<div class="article-list current">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">1</span>
										<span class="article-title">下单的商品什么时候发货？</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>有现货的情况下购入后会在三个工作日内发货<br>春节期间除外</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">2</span>
										<span class="article-title">下单后可以修改地址吗？</span>
										<span class="article-time">[01-01]</span>
									</div>
									<div class="article-content">
										<p>只要在发货前联系客服均可修改地址</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">3</span>
										<span class="article-title">下单时无法确定收货地址怎么办？</span>
										<span class="article-time">[01-02]</span>
									</div>
									<div class="article-content">
										<p>可在下单时备注，鄙店将会在您确定地址后再发货</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">4</span>
										<span class="article-title">店铺有微信群或QQ群吗？</span>
										<span class="article-time">[01-03]</span>
									</div>
									<div class="article-content">
										<p>没有群，但有需要可添加客服QQ：1234567890<br>
											或拨打客服热线：020-12332112
										</p>
									</div>
								</a>
							</div>

							<div class="article-list ">
								<a href="#" class="article-link">
									<div class="article-head ">
										<span class="article-number">5</span>
										<span class="article-title">想追加订单，可以和已有的订单一起发货吗？</span>
										<span class="article-time">[01-03]</span>
									</div>
									<div class="article-content">
										<p>只要在发货前联系客服均可合单发货</p>
									</div>
								</a>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--尾部-->
		<div id="version" style="height: 140px;"><p>关于我们 | 约稿启事 | 网站导航 | 诚聘英才| 刊登广告 | 服务项目 | 联系我们 | 法律声明 | 建议投诉 | 网站帮助| 友情链接<br />
			</p>
			<p>更多资讯请联系客服QQ：1234567890  | 客服电话：020-12332112|投诉信箱：tousuxinxiang.com<br /></p>
			<p> SCAU  ||  数信学院  ||  班级 ：信息管理与信息系统6班  ||  学号 ：202025710618;202025710619;202025710622  ||  姓名 ：刘恺婧;刘晓艺;姚蕴宜 </p>
			</div>
		<!--尾部结束-->

<script type="text/javascript">
	//tab切换		
	$('.tab-button').click(function() {
		var CYK_tab = $(this).data('tab')
		$(this).addClass('cur').siblings('.tab-button').removeClass('cur');
		$('#tab-' + CYK_tab + '').addClass('active').siblings('.tab-item').removeClass('active');
	});
	//新闻列表切换
	$('.information-tab .article-list').hover(function() {
		$(this).addClass('current').siblings('.article-list').removeClass('current');
	}, function() {
		$(this).parent('.information-right').find('.article-list:first-of-type').addClass('current').siblings('.article-list').removeClass('current');
	});
</script>
<script type="text/javascript">
	window.onload=function(){
		if(getCookie("user")==1){
		document.getElementById("loginp").innerHTML="陈元凯|<a href='javascript:void(0)' onclick='exitLogin()'>退出登录</a>|<a href='shopCar.html'>购物车</a>";//
		}
	};
	function getCookie(name){
	  var CYK_arr,CYK_reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	  if(CYK_arr=document.cookie.match(CYK_reg)){
	    return unescape(CYK_arr[2]);
	  }else{
	    return null;
	  }
	}
	function exitLogin(){
		delCookie("user");
		location.reload();
	}

	function delCookie (name) {
	  var exp = new Date();
	  exp.setTime(exp.getTime() - 1);
	  var cval = getCookie(name);
	  if (cval && cval != null) {
	    document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString();
	  }
	}
</script>

</body>
</html>